*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
header{
    height: 25vw;
    /* background: orangered; */
    /* padding: .1875rem; */
    
}
ul{
    height: 25vw;
    line-height: 25vw;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.back input{
    width: 3.75rem;
    height: 2.5rem;
    border: 1px solid orangered;
    border-radius: 1.25rem;
    font-size: 1rem;
}
header li img {
    width: 2.1875rem;
    height:3.75rem;
    padding-top: 2.5rem;
}
li span{
    font-size: 1.25rem;
    text-align: center;
}
.content{
    flex: 1;
}
.head{
    width: 100vw;
    height: 30vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background: orangered; */
    padding: 5px;
    bottom: 30px;
}
.headimg img{
    padding-top: 5px;
    width: 25vw;
    height: 25vw;
    border-radius: 50%;
    padding-left: 5px;
    /* background: palegreen; */
    /* padding-left: .3125rem; */
    overflow: hidden;
    
}
 /* .headimg img{
     width: 5rem;
     height: 5rem;
     border-radius: 50%;
}  */
.text{
    padding-right:4.375rem;
    float:left
}
.text p:first-of-type{
    font-size: 1rem;
    padding-bottom: .9375rem;
  

}
.text p:nth-of-type(2){
    font-size: .875rem;
    color: grey;

}
.right{
    width: 1.875rem;
    height: 1.875rem;
    display: flex;
    float:right;
}
.right img{
    width: 1.875rem;
    height: 1.875rem;
    float: right;
}

.nav{
    width: 100vw;
    height: 30vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* background: lightgreen; */
}
.nav_box:first-of-type{
    width: 25vw;
    height: 25vw;
    background: rgb(178, 224, 160);
    align-items: center;
    margin: 0 auto;
    text-align: center;
}
.nav_box:nth-of-type(2){
    width: 25vw;
    height: 25vw;
    background: rgb(160, 220, 224);
    align-items: center;
    margin: 0 auto;
    text-align: center;
}
.nav_box:last-of-type{
    width: 25vw;
    height: 25vw;
    background: rgb(224, 183, 160);
    align-items: center;
    margin: 0 auto;
    text-align: center;
}
.nav_box img{
    width: 15vw;
    height: 15vw;
    padding-top: .3125rem;
    
}
.nav_box p{
    padding-top: .3125rem;
    font-size: .875rem;
}


.item {
    width: 100vw;
    height: 15vw;
    display: inline-block;
    /* height: 75vw; */
    /* margin: .1875rem; */
    /* padding: .625rem; */
}

.item_title img {
    width: 3.125rem;
    height: 3.125rem;
    padding: 10px;
    float: left;
    padding: .625rem;
}

.item_title span:first-of-type {
    padding-top: .5rem;
    /* padding-left: .125rem; */
    font-size: 20px;
    text-align: center;
    /* float: right; */
    float: left;
}

.item_title span {
    padding-top: .625rem;
    font-size: 20px;
    float: right;
    /* padding: .625rem; */
}

.item_title img:nth-of-type(2) {
    margin: .3125rem;
    width: 2.5rem;
    height: 2.5rem;
    float: right;
    padding-left: .625rem;


}
.button{
    width: 100vw;
    height: 20vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 3.125rem;
    padding-right: 3.125rem;
    /* background: red; */
}
.button input{
    width: 3.75rem;
    height: 2.5rem;
    color: white;
    background: orangered;
    text-align: center;
    border-radius: 1.25rem;
    font-size:1.25rem;
}